<template>
  <div class="register">
    <form class="mui-input-group login-form">
      <div class="mui-input-row">
        <label>账号</label>
        <input placeholder="请输入账号" type="text" />
      </div>
      <div class="mui-input-row">
        <label>密码</label>
        <input placeholder="请输入密码" type="password" />
      </div>
      <div class="mui-input-row">
        <label>确认密码</label>
        <input placeholder="请确认密码" type="password" />
      </div>
      <div class="mui-input-row">
        <label>邮箱</label>
        <input placeholder="请输入邮箱" type="email" />
      </div>
    </form>
    <div class="btn-box">
      <button type="button" class="mui-btn mui-btn-success">注册</button>
    </div>
  </div>
</template>

<script></script>

<style scoped>
.btn-box {
  width: 80%;
  height: 45px;
  margin: 10px auto;
}
.btn-box button {
  width: 100%;
  height: 100%;
}
</style>